var countDwon = {
    data: function () {
        return {
            content: '--:--:--',
            timer: '',
            timenow:this.timeNow
        }
    },
    props: ['endTime', 'endText', 'id', 'timeNow'],
    // props: {
    //     endTime: {
    //         type: String,
    //         default: function () {
    //             return ''
    //         }
    //     },
    //     endText: {
    //         type: String,
    //         default: function () {
    //             return ''
    //         }
    //     },
    //     id: {
    //         type: String,
    //         default: function () {
    //             return ''
    //         }
    //     }
    // },
    created: function () {
        this.countdowm(this.endTime)
        this.countdowmF(this.endTime)
    },
    methods: {
        countdowmF: function () {
            var self = this;
            var nowTime = self.timenow && self.timenow != '' ? self.timenow : new Date().getTime();
            var endTime = self.endTime;
            var t = endTime - nowTime;
           
            if (t > 0) {
                var day = Math.floor(t / 86400000);
                var hour = Math.floor((t / 3600000) % 24);
                var min = Math.floor((t / 60000) % 60);
                var sec = Math.floor((t / 1000) % 60);
                hour = hour < 10 ? "0" + hour : hour;
                min = min < 10 ? "0" + min : min;
                sec = sec < 10 ? "0" + sec : sec;
                var format = '';
                if (day > 0) {
                    format = day + '天' + hour + ':' + min + ':' + sec;
                }
                if (day <= 0 && hour > 0) {
                    format = hour + ':' + min + ':' + sec;
                }
                if (day <= 0 && hour <= 0) {
                    format = hour + ':' + min + ':' + sec;
                }
                
                self.content = format;
                self.timenow = self.timenow + 1000
            } else {
                clearInterval(self.timer);
                self.content = self.endText;
                self.$emit('over', self.id)
            }
        },
        countdowm: function () {
            var _this = this;
            _this.timer = setInterval(_this.countdowmF, 1000);
        },
    },
    template: '<span><slot>{{content}}</slot></span>'
}